#listbox{
				position: absolute;
				top: 5px;
				bottom: 5px;
				left: 0;
				right: 0;
				margin: 0 20px 0 20px;
				}
			.listuser{
				width: 96%;
				height: auto;
				padding: 35px 20px 0 20px;
				margin: 0 5px 0 5px;
				border-bottom: 1px  #161823 solid;
				cursor: pointer;
			}
			.user{
				border-radius:50% ;
				float: left;
				margin-right:20px;
			}
			.messagetitle{
				padding-top:5px;
				color: white;
			}
			.titlespan{
				color:	#cccccf;
				font-size: 14px;
			}
			.titletime{
				padding-top: 10px;
				color:	#cccccf;
				font-size: 12px;
				width: 600px;
				margin-left:80px ;
			}
			a{
				color:#cccccf;
				text-decoration: none;
			}
			a:hover{
				color:white;
				text-decoration: none;
			}
			.content{
				position:relative;
				top: -85px;
				right: -93%;
				color:#cccccf;
				width: 100px;
				height: 100px;
				margin-bottom: -77px;
				margin-right: -100px;
			}
			.content img{
				object-fit: cover;
				width: 100%;
				height: 100%;
			}
			.layui-icon:hover{
				color: white !important;
			}
			.recover{
				height: 100px;
				position: relative;
				top: 5px;
				margin-bottom: 15px;
			}
			.recoveruser{
				border-radius:50% ;
				float: left;
				margin: 20px 20px 0 20px;
			}
			.recoverinput{
				border-radius:10px 10px 10px 10px ;
				border: none;
				resize: none;
				overflow-y: visible;
				margin-top:5px;
				margin-bottom:5px;
				width: 82%;
				height: 80px;
				font-size: 15px;
				color:	#cccccf;
				background-color: #494b5a;
				overflow: auto;
				padding: 5px 10px 5px 10px;
			}
			.recoverinput:focus{
				border: #FF1493 1px solid;
			}
			.sendreview{
				border-radius:5px 5px 5px 5px ;
				position: relative;
				top: -35px;
				margin-left: 10px;
				width: 70px;
				height: 70px;
				background: #FF1493;
				color: white;
				padding: 15px 15px 15px 15px;
				border: none;
			}
			.usera{
				color: skyblue;
			}
			.usera:hover{
				color: aqua;
			}